<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>恒之商城</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" type="text/css" href="style/style.css">
	<link rel="stylesheet" type="text/css" href="style/global.css">
	<link rel="stylesheet" href="style/layui.css">
	<script src="js/seaarch.js"></script>
	<!----引入轮播图的相关文件-->
	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
	<style>
		.hideleftt {
			width: 100%;
			overflow: hidden;
		}

		.dll {
			width: 100%;
			border-bottom: 1px solid #ddd;
			overflow: hidden;
		}

		.dll dt {
			float: left;
			margin-left: 10px;
			list-style: none;
		}

		.dll dt:first-child {
			color: red;
		}

		/*轮播图下的商品展示各个楼层（各楼层的调整样式）*/
		.floor_left_click a {
			text-decoration: none !important
		}

		.p_name {
			text-align: center;
		}

		.price span {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.swiper-container {
			width: 600px;
			height: 300px;
		}

		.mulu a {
			text-decoration: none !important;
		}

		.souzi {
			margin-top: -1px;
		}
		.tu{
			display:flex;
			justify-content: center;
		}
	</style>
</head>

<body>
	<div id="top">
		<div id="top_main">
			<ul class="topu">
				<li class="xuan">
					<div class="erwei"></div>
					<a href="#" class="aa">关注恒之
						<!-- 将二维图添加进a标签里 -->
						<div class="erweitu">
							<!-- <img src="../images/hengzhiwenye.png" alt=""> -->
							<img style="width:110px;" src="../hengzhi-office/images/hengzhiwenye.png" alt="">
						</div>
					</a>
				</li>
			</ul>
			<div id="hello">
				<span>您好，欢迎来到恒之！
					<a href="login.html" id="pleaselogin" style="color:#d8131c">[ 登陆 ]</a>
					<a href="regist.html" id="regin">[ 免费注册 ]</a>
				</span>
			</div>
			<div class="topright">
				<ul>
					<li>
						<div class="cun">
							<a href="order.html">我的订单</a>
						</div>
					</li>
					<li class="hidetu">
						<div class="cun">
							<a href="http://hengzhi.ayvvv.com/" class="dong">手机恒之</a>
						</div>
					</li>
					<li class="kefu">
						<div class="cun">
							<div class="a1">
								<div class="kefuhide">
									<span>客户服务</span>
									<div class="downjian1"></div>
									<ul>
										<li><a href="#">帮助中心</a></li>
										<li><a href="#">售后服务</a></li>
										<li><a href="#">在线客服</a></li>
										<li><a href="#">投诉中心</a></li>
										<li><a href="#">客服邮箱</a></li>
									</ul>

								</div>

							</div>

						</div>

					</li>

					<li class="wangzhan">

						<div class="cun">

							<span>网站导航</span>

							<div class="downjian1"></div>

						</div>

						<div class="wangzhanhide">

							<div class="tese"><span>特色栏目</span></div>

							<div class="tesemain">
								<a href="http://www.ayvvv.com">恒之官网</a>
							</div>

							<div class="tese"><span>企业服务</span></div>

							<div class="tesemain1">
								<a href="http://www.ayvvv.com">恒之官网</a>
							</div>
							<div class="tese"><span>旗下网站</span></div>
							<div class="tesemain2">
								<a href="http://www.ayvvv.com">恒之官网</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 搜索区域开始 -->

	<div id="serach">

		<div class="logo">

			<img src="images/hz.png" style="width: 45%;" alt="" />

			<!-- <div class="dongtu"></div> 动态图标-->

		</div>

		<div class="sou">

			<div class="sousuo">
				<!-- <input type="text" class="kuang" placeholder="请输入内容" style="color:#999;font-size:14px" /> -->
				<!-- <div class="souzi"><a href="">搜索</a></div> -->
				<input type="text" id="txxt" class="kuang" value="请输入商品关键字" style="color:#999;font-size:14px" />
				<input type="button" class="souzi" value="搜索" id="BtnSearch"
					style="  border:0;outline: none; color: aliceblue;" />
			</div>
			<div class="reci">
				<!-- <span>热门搜索:</span> -->
			</div>

		</div>

		<div class="myjd">

			<div class="mytu"></div>

			<a href="#">我的恒之</a>

			<div class="jiantou"></div>
			<div class="myjdhide">

				<div class="hello">

					<span>您好，请</span>

					<a href="#" id="logout"></a>

				</div>

				<div class="hey">

					<div class="heyleft">
						<ul>
							<li><a href="order.html">待处理订单</a></li>
							<li><a href="#">咨询回复</a></li>
							<li><a href="#">返修退换货</a></li>
							<li><a href="#">优惠券</a></li>
						</ul>
					</div>
					<div class="heyright">

						<ul>

							<li><a href="#">我的关注></a></li>

							<li><a href="#">我的恒之></a></li>



						</ul>

					</div>

				</div>
			</div>
		</div>
		<div class="gouwuche">
			<div class="chetu"></div>
			<a href="flow1.html">去购物车结算</a>
			<div class="jianleft"></div>
			<div class="num">
				<div class="numright"></div>
				<div class="numzi">
					<span id="shopp">0</span>
				</div>
			</div>
		</div>
	</div>

	<!-- 搜索区域结束 -->

	
	<!----网页的第三部分-->
	<!-- 导航条区域开始 -->
	<div id="daohang" >
		<div class="dhleft">
			<a href="list.html" style="text-decoration: none;">全部商品分类</a>
			<div class="erjimenu">
				<ul class="sort_ul">
			</div>
		</div>
		<div class="dhright">
			<ul>
				<li><a href="list.html" style="background: #A40000">首页</a></li>
			</ul>
			<div class="dhtu">
				<!-- <ul>
				<li class="on"><img src="images/a3.png" alt="" />
					<div class="zeng"><span>4.2610%</span></div>
				</li>
				<li><img src="images/a4.png" alt="" /></li>
			</ul> -->
			</div>
		</div>
	</div>
	</div>
	<!----网页的第四部分-->
	<!-- 轮播区及浏览区开始 -->
	<div id="main">
		<div class="mainleft">
			<!----不好意思这个轮播有问题-->
			<!-- <div class="lunbo">
				<ul class="pic" style="height:400px">
								   	<li style="display:block"><img src="images/z1.jpg" alt="" style="height:400px;width: 670px;"/></li>
			   	<li><img src="images/z2.jpg" alt="" style="height:400px;width: 670px;"/></li>
			  
				</ul>
				<ul class="nav">
							        <li class="on">1</li>
		       	<li >2</li>
				</ul>
			</div> -->
			<!----轮播图-->
			<div class="swiper-container" style="margin:0;width:100%;height:100%">
				<div class="swiper-wrapper" id="newlunbo">
					<!-- <div class="swiper-slide">Slide 1</div>
				<div class="swiper-slide">Slide 2</div>
				<div class="swiper-slide">Slide 3</div> -->
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>

				<!-- 如果需要滚动条 -->
				<!-- <div class="swiper-scrollbar"></div> -->
			</div>
		</div>
		<div class="mainright">
			<div class="baotu">
				<a href=""><img src="images/b30.jpg" alt="" /></a>
			</div>
			<div class="kuaibao">
				<span>恒之快报</span>
				<a href="">更多快报></a>
			</div>
			<div class="baomain">
				<ul>
					<li><a href="">美妆年度盛典 要你好看！</a></li>
					<li><a href="">关于假冒客服诈骗的声明</a></li>
					<li><a href="">恒之值得买 9.9元购了</a></li>
					<li><a href="">阿根廷野生红虾4斤178元</a></li>
					<li><a href="">自营家居低至9.9元</a></li>
					<li><a href="">大家电配送范围扩大公告</a></li>
					<li><a href="">狂欢不落幕，好奇一整年</a></li>
					<li><a href="">童书全品优惠券限时抢</a></li>
				</ul>

			</div>

			<div class="tubiao">

				<ul>

					<li class="xiala">

						<div class="tubiao_1"></div>

						<a href="">话费</a>

						<div class="tubiao_9"></div>

					</li>

					<li class="xiala">

						<div class="tubiao_2"></div>

						<a href="">机票</a>

						<div class="tubiao_9"></div>

					</li>

					<li class="xiala">

						<div class="tubiao_3"></div>

						<a href="">彩票</a>

						<div class="tubiao_9"></div>

					</li>

					<li class="xiala" style="border-right:none">

						<div class="tubiao_4"></div>

						<a href="">游戏</a>

						<div class="tubiao_9"></div>

					</li>

					<li style="border-bottom:none">

						<div class="tubiao_5"></div>

						<a href="">旅行</a>

					</li>

					<li style="border-bottom:none">

						<div class="tubiao_6"></div>

						<a href="">电影票</a>

					</li>

					<li style="border-bottom:none">

						<div class="tubiao_7"></div>

						<a href="">理财</a>

					</li>

					<li style="border-bottom:none;border-right:none;">

						<div class="tubiao_8"></div>

						<a href="">水电煤</a>

					</li>

					<div class="tubiaola">

						<div class="close_menu">

							<ul>

								<li><a href="">话费</a></li>

								<li><a href="">机票</a></li>

								<li><a href="">彩票</a></li>

								<li style="border-right:none"><a href="">游戏</a></li>

							</ul>

						</div>

						<div class="c_main">

							<div class="box" style="display:block">

								<div class="phonechong">

									<span class="span1">手机号:</span>

									<input type="text" value="请输入手机号" class="shuru1" style="color:#ccc" />

									<span class="span2">支持移动、联通、电信恒之、通信</span>

									<span class="close">X</span>

								</div>

								<div class="mianzhi">

									<span class="span1">　面值:</span>

									<select name="" id="jine">

										<option value="">10元</option>

										<option value="">20元</option>

										<option value="">30元</option>

										<option value="">50元</option>

										<option value="">100元</option>

										<option value="">200元</option>

										<option value="">300元</option>

										<option value="">500元</option>

									</select>

									<span class="span3">9.80-11.00</span>

								</div>

								<div class="chong">

									<input type="button" value="立即充值" class="cb" />

								</div>

								<div class="close">X</div>

							</div>

							<div class="box">

								<ul class="jipiao_top">

									<li class="tehui"><a href="">特惠国际机票</a></li>

									<li class="guonei"><a href="">国内机票</a></li>

								</ul>

								<div class="jpbox" style="display:block">

									<div class="tu">

										<img src="images/d1.jpg" alt="" />

										<span>国际机票430元起</span>

									</div>

									<div class="tu">

										<img src="images/d2.jpg" alt="" />

										<span>免签线路说走就走</span>

									</div>

								</div>

								<div class="jpbox">

									<div class="go">

										<span>出发城市:</span>

										<select name="" id="chufa">

											<option value="">K-昆明</option>

											<option value="">B-北京</option>

											<option value="">S-上海</option>

										</select>

										<span>到达城市:</span>

										<select name="" id="chufa">

											<option value="">A-阿克苏</option>

											<option value="">B-北京</option>

											<option value="">S-上海</option>

										</select>

									</div>

									<div class="gotime">

										<span>出发日期:</span>

										<select name="" id="chufatime">

											<option value="">2014</option>

											<option value="">2015</option>

										</select>

										<span>年</span>

										<select name="" id="chufatime">

											<option value="">12</option>

											<option value="">11</option>

										</select>

										<span>月</span>

										<select name="" id="chufatime">

											<option value="">11</option>

											<option value="">12</option>

										</select>

										<span>日</span>

									</div>

									<div class="goserach">

										<input type="button" value="机票查询" class="cha" />

										<a href="">白条购机票更方便！</a>

									</div>

								</div>



								<div class="close">X</div>

							</div>

							<div class="box">

								<div class="doubleqiu">

									<div class="qiutu"></div>

								</div>

								<div class="qiumain">

									<div class="mai">

										<span>买注</span>

										<select name="" id="shuangseqiu">

											<option value="">双色球</option>

											<option value="">大乐透</option>

											<option value="">3D</option>

											<option value="">竞足</option>

										</select>

										<span><b>试试手气吧！</b></span>

									</div>

									<div class="number">

										<span>04</span>

										<span>11</span>

										<span>19</span>

										<span>25</span>

										<span>27</span>

										<span>28</span>

										<span style="color:blue">03</span>

									</div>

									<div class="xiazhu">

										<a href="">[机选一注]</a>

										<a href="">[自助选号]</a>

									</div>

									<input type="button" value="提交数据" class="sub" />

								</div>

								<div class="close">X</div>

							</div>

							<div class="box">

								<div class="gamechose">

									<ul>

										<li><a href="">点卡</a></li>

										<li><a href="">QQ</a></li>

										<li><a href="">页游</a></li>

									</ul>

									<div class="yeyoutu">

										<img src="images/d4.jpg" alt="" />

										<img src="images/d5.jpg" alt="" />

										<img src="images/d6.jpg" alt="" />

									</div>

								</div>

								<div class="close">X</div>

							</div>

						</div>

					</div>

				</ul>

			</div>

		</div>

	</div>
	<!----网页的第五部分-->
	<!-- 商品楼层区开始 -->
	<div id="the_shop_floor">
	</div>

	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/index_wb.js"></script>
	<script type="text/javascript" src="js/jsstyle.js"></script>
	<script src="js/layui.js"></script>
	<script src="js/layui.all.js"></script>
	<span id="newfooter"></span>
	<script src="js/footer.js"></script>
	<script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
	<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
	<script>
		var mySwiper = new Swiper('.swiper-container', {
			direction: 'horizontal', // 水平切换选项
			loop: true, // 循环模式选项

			// 如果需要分页器
			pagination: {
				el: '.swiper-pagination',
			},

			// 如果需要前进后退按钮
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},

			// 如果需要滚动条
			// scrollbar: {
			// 	el: '.swiper-scrollbar',
			// },
			autoplay: true,

		})        

		$('#BtnSearch').click(function () {
			let keyword = $('#txxt').val();
			handle(keyword);
			window.location.href = 'headerrr.html?nnn='+ escape(keyword)
		});
		// $('#BtnSearch').click(function () {
			// window.location.href = 'headerrr.html?nnn='+ keyword
		// })
		document.onkeydown = keyDownSearch;
		function keyDownSearch(e) {
			var theEvent = e || window.event;
			var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
			if (code == 13) {
				let keyword = $('#txxt').val();
				handle(keyword);
				return false;
			}
			return true;
		}
		var serCmsData = localStorage.getItem('token');
		var url = 'http://hengzhi.ayvvv.com';
		$.ajax({
			url: 'http://hengzhi.ayvvv.com/api/user',
			dataType: 'json',
			type: 'get',
			async: true,
			headers: {
				"x-token": serCmsData
			},
			success: function (data) {
				if (data.status == 200) {
					$('#pleaselogin').text(data.data.nickname);
					$('#regin').hide();
				} else {
				}
			}
		});
		$.ajax({
			url: url + '/api/user/cart/count',
			type: 'get',
			dataType: 'json',
			async: true,
			headers: {
				"x-token": serCmsData
			},
			success: function (data) {
				if (data.status == 200) {
					for (var a = 0; a < data.data.length; a++) {
						$('#shopp').hide();
						$('.numzi').append(`<span id="shopp">` + data.data[a].count + `</span>
		   `)
					}
				} else {
				}
			}
		});
	    if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
			window.location.href="http://hengzhi.ayvvv.com/"
		}else{
			// window.location.href=""
		}
	</script> 
</body>

</html>